.item-center {
  align-items: center;
}

$space: 10rpx;
$space-md: 16rpx;


.m {
  &-l {
    margin-left: $space;
    &--m {
      margin-left: $space-md;
    }
  }
  &-r {
    margin-right: $space;
    &--m {
      margin-right: $space-md;
    }
  }
  &-t {
    margin-top: $space;
    &--m {
      margin-top: $space-md;
    }
  }
  &-b {
    margin-bottom: $space;
    &--m {
      margin-bottom: $space-md;
    }
  }
}

.p {
  &-l {
    padding-left: $space;
    &--m {
      padding-left: $space-md;
    }
  }
  &-r {
    padding-right: $space;
    &--m {
      padding-right: $space-md;
    }
  }
  &-t {
    padding-top: $space;
    &--m {
      padding-top: $space-md;
    }
  }
  &-b {
    padding-bottom: $space;
    &--m {
      padding-bottom: $space-md;
    }
  }
}

.align-center {
  align-items: center;
} 